<!DOCTYPE HTML >
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Menu</title>
		<meta name="apple-mobile-web-app-capable" content="yes" />
		
		<style type="text/css" media="screen">@import "./jqtouch-1.0-beta-2-r109/themes/apple/theme.min.css";</style>
		<style type="text/css" media="screen">@import "./jqtouch-1.0-beta-2-r109/themes/apple/theme.css";</style>
		<script src="./jqtouch-1.0-beta-2-r109/jqtouch/jquery.1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./jqtouch-1.0-beta-2-r109/jqtouch/jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script>
	
		<script type="text/javascript" charset="utf-8">
		    var jQT = new $.jQTouch({
		        icon: 'jqtouch.png',
		        addGlossToIcon: false,
		        startupScreen: 'jqt_startup.png',
		        statusBar: 'black',
		        preloadImages: [
		            './jqtouch-1.0-beta-2-r109/themes/apple/img/backbutton.png',
		            './jqtouch-1.0-beta-2-r109/themes/apple/img/chevron.png',
		            './jqtouch-1.0-beta-2-r109/themes/apple/img/whiteButton.png',
		            './jqtouch-1.0-beta-2-r109/themes/apple/img/loading.gif'
		            ]
		    });     
		</script>
		<script type="text/javascript">
			window.onload = function (evt)
			{
				document.getElementById("photo").onclick = function()
				{
					location.href = "./photo/photo.html";
				}
				
				document.getElementById("sketch").onclick = function ()
				{
					location.href = "./canvas/canvas.html";
				}
				
				document.getElementById("Body").style.height = "460px";
				document.getElementById("Body").style.width = "320px";
			} 
		</script>
		
		<style>
			#home
			{
				-webkit-transition: -webkit-transform 1s ease-in-out; 
				-moz-transition: -moz-transform 1s ease-in-out;
			}
		</style>
	</head>
	<body>
		<div class="home" id="Body">
			<div class="toolbar">
				<h1> Menu </h1>
			</div>
			<ul class="rounded" >
				<li class="arrow" id="photo" >Photo</li>
   				<li class="arrow" id="sketch">SketchBook</li> 
			</ul>
		</div>
	</body>
</html>
